(function () {
    //时间格式

    var app = new Vue({
        el:'#header',
        data:{
            content:[]//改变数据
            ,sum_count:0//总数
            ,this_index:0//总数
        }
    });

    function get_data() {
        app.this_index = 0;
        $('#this_index').val(0);//设置成从0开始
        var xian_shi_shu = $('#this_count').val();//获取每页显示的条数
        $.get(DUSER+'/new_consumption',$('#form').serialize(),function (da) {
            app.content = da[0];//同步数据
            app.sum_count = da[1];//同步数据

            $("#Pagination").pagination(da[1], {//总条数
                items_per_page:xian_shi_shu,//每页 显示的条数
                num_display_entries: 4,//连续分页的条数
                prev_text:'上一页',	//上一页按钮文字
                next_text:'下一页',    //下一页按钮文字
                link_to:'javascript:;',
                num_edge_entries:1,//分页时，两侧显示的首尾分页的条目数 默认0
                callback:function (index) {
                    app.this_index = index * xian_shi_shu;
                    $('#this_index').val(index * xian_shi_shu);
                    $.get(DUSER+'/new_consumption',$('#form').serialize(),function (da) {
                        app.content = da[0];//同步数据
                    })
                }
            });
        });
    }
    //点击搜获
    $('#form').submit(function () {
        get_data();
        return false;
    });
    //初始化
    $('#form').submit();

})();